If you cannot see this page properly,click here.
如您未能完整地閱讀此頁，請 按此。
 
[FIRSTNAME]您好！Systematic 隆重推介！
手機及網頁 UI/UX 用戶體驗及介面設計課程
(同時教授 UI/UX 超強軟件: Adobe XD)
及
Photoshop 圖像設計及加工課程！
     
 
手機及網頁 UI/UX 用戶體驗及介面設計課程
日期 (dd/mm) 星期 時間 課時  
08/06 - 29/06 四 7:00pm - 10:00pm 12 小時
 

UI (User Interface，用戶介面) 是電腦或手機系統和用戶之間進行互動和資訊交換的介面，即使用者與系統之間的一個溝通介面設計。在觸控式智慧型手機的 App 市場帶動下，UI 設計更突顯出它的重要性，也決定了這個 App 是否成功的命運。

而 UX (User Experience) 設計是在 UI 設計的過程中，參考了許多以人性為導向的重要元素，讓 UI 設計呈現更直覺及更貼近人性思維；換句話說，UX 被認為是新時代的UI。一般來說，UX 設計牽涉到每個人使用網頁及手機 App 的行為、態度及情緒，以及實際的系統體驗、實用性、易用性及效率等人機交流問題。其目標是滿足用戶的需要，改善系統的操作及互動，令用戶的使用體驗及滿意度大大提升。

隨著目前更多的資訊內容逐漸轉向流動裝置優先，UX 設計儼然成為增長最快的創意領域。根據全球最大網上創意社群 Behance 統計，互動式的設計專案在近年來的增長，遠超過其他創意領域。 有見於手機 App 市場越來越龐大，身為設計軟件龍頭的 Adobe 就推出了全新的設計工具軟件：Adobe Experience Design，簡稱 Adobe XD。這個軟件主要為了方便用戶對網頁或手機 App 進行 UX 設計開發，幫助設計師創作更優良的用戶體驗。

本課程將利用 Adobe XD 軟件，結合創意設計教學，教授業界所需的用戶體驗和用戶介面設計，培育新世代的 UX 設計師。隨著體驗導向的網站及手機 App 的持續成長，報讀這個課程後，您就可在流動新世界大展拳腳！
 
手機及網頁 UI/UX 課程內容
 
  • UI (User Interface) 用戶介面核心觀念
  • UX (User Experience) 用戶體驗核心觀念
  • 了解 UI / UX 流程
  • 用戶行為研究
  • 視覺設計原則
  • UI 排版技巧
  • 關於文字與字型
  • 配色技巧
  • 線框圖與原型
  • 可用性 (Usability) 研究
  • RWD (Responsive Web Design) 響應式流動裝置網頁及手機 App 設計技術
  • 加入用戶熟悉的元素
  • 視覺暗示
  • 手機 App 手勢研究
  • 介面與互動模擬
  • UX 與載入速度
  • 認識 Adobe XD
  • Adobe XD 介面操作
  • Adobe XD 工具應用
  • Adobe XD 圖示繪製及文字處理
  • 網頁及 App 介面設計
  • 遮色片使用竅門
  • 為每個頁面建立連結
  • Adobe XD 手勢設定
  • 錄影及預覽功能
  • 用戶測試
  • 大量設計實例
 
 
Photoshop 圖像設計及加工課程
日期 (dd/mm) 星期 時間 課時  
10/06 - 15/07 六 2:30pm - 9:30pm
(Dinner: 5:30pm - 6:30pm)		 30 小時
 

【Photoshop 圖像設計及加工課程】已加入持續進修基金可獲發還款項課程名單內，學員可向持續基金辦事處申請發還課程費用 $5,216，故實際只需 $1,304。CEF 申請手續

本課程會以輕鬆愉快的方式來教授專業的執相技巧，使您能將相片化腐朽為神奇！
 
Photoshop 圖像設計及加工課程內容
 
  • 認識 Photoshop 介面
  • 橢圓選取畫面 (Elliptical Marquee Tool)
  • 多邊形選取畫面 (Polygon Lasso Tool)
  • 磁性套索工具 (Magnetic Lasso Tool)
  • 快速選取工具 (Quick Selection Tool)
  • 魔術棒工具 (Magic Wand Tool)
  • 裁切工具 (Crop Tool)
  • 污點收復筆刷工具 (Spot Healing Brush Tool)
  • 收復筆刷工具 (Healing Brush Tool)
  • 修補工具 (Patch Tool)
  • 紅眼工具 (Red Eye Tool)
  • 筆刷工具 (Brush Tool)
  • 筆觸選項
  • 自行設計筆觸
  • 圖層基礎 (Layer)
  • 顏色取代工具 (Color Replace Tool)
  • 混合器筆刷工具 (Mixer Brush Tool)
  • 圖樣印章工具 (Pattern Stamp Tool)
  • 定義圖樣
  • 步驟記錄筆刷工具 (History Brush Tool)
  • 藝術步驟記錄筆刷工具 (Art History Brush Tool)
  • 橡皮擦 (Eraser Tool)
  • 背景橡皮擦 (Background Eraser Tool)
  • 魔術橡皮擦 (Magic Eraser Tool)
  • 漸層工具 (Gradient Tool)
  • 油漆桶工具 (Paint Bucket Tool)
  • 模糊工具 (Blur Tool)
  • 銳利化工具 (Sharpen Tool)
  • 指尖工具 (Smudge Tool)
  • 加亮工具 (Dodge Tool)
  • 加深工具 (Burn Tool)
  • 海綿工具 (Sponge Tool)
  • 文字工具 (Type Tool)
  • 文字及聲音註解工具 (Notes & Audio Annotation Tool)
  • 滴管及其他度量工具
  • 像素(Pixel) 和色點(Dot)
  • 解析度 (Resolution)
  • 相片尺寸修改
  • 內容感知比率
  • 清除大區域
  • 畫面旋轉
  • 影像調整
  • 亮度/對比 (Brightness/Contrast)
  • 調整層 (Adjustment Layer)
  • 色階 (Levels)
  • 曲線 (Curve)
  • 曝光度 (Exposure)
  • 自然飽和度 (Vibrance)
  • 色相/飽和度 (Hue/Saturation)
  • 色彩平衡 (Color Balance)
  • 去除飽和度 及 黑白
  • 相片濾鏡 (Photo Filter)
  • 色版混合器 (Channel Mixer)
  • 圖層透明度
  • 合併圖層
  • 影像平面化
  • 圖層群組 (Group Layer)
  • 圖層樣式 (Layer Style)
  • 不透明度 (Opacity) 與填滿(Fill) 的分別
  • 圖層透明度混合 (Blending Options)
  • 圖層構圖 (Layer Comps)
  • 負片效果 (Invert)
  • 色調分離 (Posterize)
  • 臨界值 (Threshold)
  • 漸層對應 (Gradient Map)
  • 選取顏色 (Selective Color)
  • 陰影/亮部 (Shadow/Highlight)
  • HDR色調 (HDR Toning)
  • 綜觀變量 (Variations)
  • 符合顏色 (Match Color)
  • 取代顏色 (Replace Color)
  • 均勻分配 (Equalize)
  • 濾鏡 (Filter)
  • 濾鏡收藏館 (Filter Gallery)
  • 液化 (Liquify)
  • 消失點 (Vanishing Point)
  • 最適化廣角(Adaptive Wide Angle)
  • 鏡頭校正 (Lens Correction)
  • 油畫 (Oil Paint)
  • 智慧型濾鏡 (Smart Filter)
  • 濾鏡實例
  • 點陣圖 (Raster) 與向量圖 (Vector) 的分別
  • Photoshop 中的向量繪圖工具
  • 基本向量繪圖工具
  • 使用筆型工具 (Pen Tool) 及路徑 (Path) 繪畫
  • 把手 (Handle)
  • 只調整其中一枝把手
  • 鋼筆退地
  • 智慧型物件 (Smart Object)
  • 快速遮色片 (Quick Mask)
  • 剪裁遮色片 (Clipping Mask)
  • 圖層遮色片 (Layer Mask)
  • 向量遮色片 (Vector Mask)
  • 色域 (Color Space)
  • 色彩模式
  • 設定色域
  • ICC 色彩描述檔
  • 校準螢幕色彩
  • 色版基本原理 (Channel)
  • 色版調色
  • ALPHA 色版基礎 (Alpha Channel)
  • 使用 ALPHA 色版退地
  • 使用 ALPHA 色版退透明物件
  • 使用濾鏡配合 ALPHA 色版製作特效
  • 圖層混合模式 (Blending Mode)
  • 全部混合模式一覽
  • 圖層混合上色
  • 動作面板 (Actions)
  • 自動批次處理 (Automate Batch)
  • 建立快捷批次處理 (Automate Create Droplet)
  • 選擇合適的工作區 (Workspace)
  • 常用圖像格式之特點
  • 基本儲存方法
  • 網頁圖片儲存方法
  • 網頁動畫 GIF 概念
  • 網頁動畫 GIF Banner 製作
  • 網路相片收藏館 (Web Photo Gallery)
  • 網頁圖片放大器 Zoomify
  • Adobe Bridge
  • 用 Adobe Bridge 大量修改檔案名稱
  • 將多張圖片檔案儲存為 PDF
  • RAW 格式圖像
  • 使用 Photoshop 處理 RAW 格式圖像
  • 裁切及拉直相片 (Crop and Straighten Photos)
  • 縮圖目錄 (Contact Sheet)
  • 組合版面 (Picture Package)
  • 全景圖──Photomerge
  • 合併為HDR Pro (Merge to HDR Pro)
  • 自動對齊圖層 (Auto Align Layer)
  • 自動混合圖層 (Auto Blend Layer)
  • 操控彎曲 (Puppet Warp)
  • 鏡頭校正 (Lens Correction)
  • 加入立體 3D 圖
  • Photoshop 影片製作
 

旺角 電話及地址：2332-6544
九龍旺角亞皆老街 109 號，皆旺商業大廈 18 樓 【自置物業】
(港鐵旺角站 D2 出口，2 分鐘到大堂)

觀塘 電話及地址：3563-8425
九龍觀塘成業街 7 號，寧晉中心 12 樓 G2 室 【自置物業】
(港鐵觀塘站 B1 出口，2 分鐘到大堂)

北角 電話及地址：3580-1893
香港北角馬寶道 41-47 號，華寶商業大廈 3 樓 01-02 號舖 【自置物業】
(港鐵北角站 A2 出口，1 分鐘到大堂)

沙田 電話及地址：2151-9360
新界沙田石門安群街 3 號，京瑞廣場 1 期 10 樓 M 室 【自置物業】
 (馬鐵石門站 C 出口，步行 1 分鐘到大堂)

屯門 電話及地址：3523-1560
屯門屯喜路 2 號，柏麗廣場 17 樓 1708 室 【自置物業】
(輕鐵市中心站，步行 4 分鐘到大堂；西鐵屯門站 B 出口，可免費轉乘輕鐵)

Website: http://www.systematic.com.hk

This e-mail is confidential. It may also be legally privileged. If you are not the addressee you may not copy, forward, disclose or use any part of it. If you have received this message in error, please delete it and all copies from your system and notify the sender immediately by using "contact us" in website.
Internet communications cannot be guaranteed to be timely, secure, error or virus-free. The sender does not accept liability for any errors or omissions.

Please do not reply to this email address. 請勿回覆此電郵